﻿<%@ Page Title="" Language="C#" MasterPageFile="~/styles/MasterPage.master" AutoEventWireup="true"
    CodeFile="TrackList.aspx.cs" Inherits="TrackList" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="stylesheet" type="text/css" href="plugin/jPlayer.2.1.0/css/playList-style.css" />
    <script type="text/javascript" src="plugin/jPlayer.2.1.0/jquery.jplayer.js"></script>
    <script type="text/javascript" src="plugin/jPlayer.2.1.0/ttw-music-player-min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var description = '';
            var playList = [<%= LstMusic%>];
            $('#lstMusic').ttwMusicPlayer(playList, {
                autoPlay: false,
                description: description,
                jPlayer: {
                    swfPath: 'plugin/jquery-jplayer' //You need to override the default swf path any time the directory structure changes
                }
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentHead" runat="Server">
    <h3 id="lblTitle" class="headTitle" runat="server">
    </h3>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentMain" runat="Server">
    <div id="lstMusic">
    </div>
    <div class="artistAlbumView">
        <p id="lblArtistName" class="text3" runat="server"></p>
        <asp:Repeater ID="Rpt_AlbumArtist" runat="server">
            <HeaderTemplate>
                <ul>
            </HeaderTemplate>
            <ItemTemplate>
                <li><a href="TrackList.aspx?alid=<%# Eval("AlbumID")%>">
                    <div class="albumCover">
                        <img src="<%# Eval("AlbumCover")%>" alt="" width="125" height="125" />
                        <p class="albuminsidecover">
                            <%# Eval("AlbumName")%></p>
                    </div>
                </a></li>
            </ItemTemplate>
            <FooterTemplate>
                </ul>
            </FooterTemplate>
        </asp:Repeater>
</asp:Content>
